@font-face {
  font-family: 'Fina';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_c39nz0yx9ye.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_c39nz0yx9ye.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_c39nz0yx9ye.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_c39nz0yx9ye.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_c39nz0yx9ye.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_c39nz0yx9ye.svg#AlibabaPuHuiTiH') format('svg'); /* iOS 4.1- */
}
.flexRow{
  display: flex;
  flex-direction: row;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1) .6s transform;
  align-items: center;
}
.flexColumn{
  display: flex;
  flex-direction: column;
}
.flexCenter{
  display: flex;
  justify-content: center;
  align-items: center;
}
.App{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #f1f1f1;
  display: flex;
  flex-direction: column;
}
.AppHead{
  height: 15vh;
  background-color: #333;
  width: 100vw;
  position: relative;
}
.leftApp{
  width: 16vw;
  background-color: rgb(110, 110, 110);
  height: 100%;
  overflow: hidden;
}
.rightApp{
  width: 84vw;
  background-color: #f1f1f1;
  height: 100%;
  position: relative;
}
.SmallWatch{
  width: 100%;
  padding:1.25rem;
  position: relative;
  white-space: nowrap;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.SmallWatch:hover{
  background-color: rgb(226, 226, 226);
}
.delWatch{
  position: absolute;
  right: 0.75rem;
  border-radius: 100%;
  font-size: 1.25rem;
  width: 1.2rem;
  height: 1.2rem;
  background-color: rgba(165, 165, 165, 0.7);
  transition: all 0.32s linear;
  z-index: 80;
}
.delWatch img{
  filter: opacity(0.56);
}
.addWatchListItem{
  width: 100%;
  height: 3.75rem;
  background-color: #99999955;
  color:#a7a7a7;
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: .375rem;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.addWatchListItem:hover{
  background-color: #9999999f;
  color: #e2e2e2;
}
.WorkToolBar{
  width: 100%;
  height: 2.5rem;
  background-color: rgb(161, 161, 161);
}
/*
*Table下数据操作额外增加项
*/
.addData{
  width: 80%;
  height: 4rem;
  padding:1rem;
  position: relative;
}
.addData>div>div{
  height: 2rem;
  border-radius: 2px;
}
.addControl{
  font-weight: 500;
  background: #fff;
  border: 1px solid #1890ff;
  cursor:pointer;
}
.addControl:hover{
  opacity: .8;
}
/*
*右键菜单
*/
.contextMenu {
  position: fixed;
  background: white;
  box-shadow: 0px 2px .5rem .1rem #99999933;
  z-index: 9999;
  border-radius: .375rem;
  overflow: hidden;
}
.contextMenuSeparator {
  width: 100%;
  height: 1px;
  background: #CCCCCC;
  margin: 0 0 0 0;
}
.contextMenuOption,.contextMenuOptionEnabled{
  padding: .375rem 3.125rem .3125rem .625rem;
  min-width: 10rem;
  cursor: default;
  font-size: .75rem;
}
.contextMenuOptionEnabled{
  color:#999;
}
.contextMenuOption:hover {
  background: linear-gradient(240deg, #555, #333);
  color: white;
}
.contextMenuOption:active {
  color: #e9e9e9;
  background: linear-gradient(270deg, #555, #444);
}
/*
*重写阿里巴巴组件库的BUG
*/
table tr th.ant-table-selection-column, table tr td.ant-table-selection-column {
  padding-right: .5rem;
  padding-left: 1rem;
  text-align: center;
}
.ant-table-pagination.ant-pagination {
  margin: 1rem 1rem;
}
/*
*工作区全局控制
*/
.WorkControl{
  position: absolute;
  width: 100%;
  height: 5rem;
  background-color: white;
  box-shadow: 0px -18px 18px 1px rgb(216 216 216 / 18%);
  bottom: 0;
}
.ControlDiv{
  height: 1.67rem;
  margin: 0px 1rem;
}
.ControlDiv input{
  height: 100%;
  width: 10rem;
}
/*
*重写确认按钮
*/
.ant-btn-primary {
  background: #cbcbcb;
  border-color: #cbcbcb;
}
.editable-row-operations a {
  margin-right: 8px;
}
/*
*编辑、保存、删除等文本的选中色
*/
a[href^="#"]:focus{
  color: #8a59fc;
}
a[href^="#"]:hover{
  color: #8a59fc;
}
/*
*工具栏
*/
.searchBar{
  height: 90%;
  /* padding:1vw; */
}
.searchBar img{
  margin:1vw;
}
.searchBar input{
  border:none;
  background: none;
}
.searchBar input::-webkit-input-placeholder { color:rgb(99, 99, 99); }
.searchBar input::-moz-placeholder { color:rgb(99, 99, 99); } /* firefox 19+ */
.searchBar input:-ms-input-placeholder { color:rgb(99, 99, 99); } /* Internet Explorer 10+ */
.searchBar input:-moz-placeholder { color:rgb(99, 99, 99); } /* firefox 14-18 */
#searchInput:focus{
  border: black 1px solid;
  border-radius: 0.3rem;
  box-shadow: 0 0 0.5px 1px #ffffff;
}
.searchBar>div{
  margin-left: 0.24rem;
  border-radius: 3px;
  border: none !important;
  height: 2.4rem;
  width: 2.4rem;
}
.searchBar>div>img:hover{
  transform:rotate(360deg);
}
[href^='money']:before{
  content: '￥';
}
/*
*WorkControl
*/
.WorkShow{
  width: 100%;
  height: 100%;
}
/*
*弹出层
*/
.PopWatch{
  height: 1.5rem;
  background-color: white;
  padding: 3px 0.5rem;
  margin-left: 1rem;
  border-radius: 3px;
  box-shadow: 0px 0px 2.5px 0.3px #53535325;
  font-size: .75rem;
  color: #aaa;
  cursor: pointer;
  transition: ease .3s all;
}
.PopWatch:hover{
  color: #666;
  font-weight: 600;
  background-color: white;
  box-shadow: 0px 0px 2.5px 0.3px #cccccc25;
}
.Popup{
  width: 100vw;
  height: 100vh;
  position: absolute;
  top:0;
  left: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.blur{
  filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter:blur(5px);
  transform: scale(1.01)
}
.addControl:focus{
  border-color: #8a59fc !important;
  color: white;
  background: #8a59fc;
}
.addControl:hover{
  border-color: #8a59fc !important;
  color: #8a59fc;
}